<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/webjars/jquery/3.3.1/jquery.js}" type="text/javascript"></script>
    <script th:src="@{/webjars/zui/1.8.1/dist/js/zui.js}" type="text/javascript"></script>
    <link rel="stylesheet" th:href="@{/webjars/zui/1.8.1/dist/css/zui.css}" />
</head>
<body>
<form th:action="@{/user/login}" method="post">
<div class="input-control has-label-left">
    <input id="inputAccountExample3" type="text" class="form-control" name="username" placeholder="">
    <label for="inputAccountExample3" class="input-control-label-left text-right">[[#{login.username}]]:</label>
</div>
<div class="input-control has-label-left has-label-right">
    <input id="inputPasswordExample3" type="password" class="form-control" name="password" placeholder="">
    <label for="inputPasswordExample3" class="input-control-label-left text-right">[[#{login.password}]]:</label>
    <label for="inputPasswordExample3" class="input-control-label-right text-right text-success"></label>
</div>

<button class="btn btn-primary" type="submit" th:text="#{login.btn}"></button>
</form>

<a th:href="@{/login(l='zh_CN')}">中文</a>
<a th:href="@{/login(l='en_US')}">英文</a>
<div class="alert alert-danger" th:text="${errMsg}" th:if="${!#strings.isEmpty(errMsg)}"></div>

</body>
</html>